<template>
	<div class="zp">
		<div class="server">预约业务</div>
		<div class="server1" @click="hospitaldetail"><div>添加就诊人</div><div class="izpimg"><img src="@/static/addmore.png" alt=""></div></div>
		<div class="server1" @click="hospitaldetail"><div>预约挂号流程</div><div class="izpimg"><img src="@/static/addmore.png" alt=""></div></div>
		<div class="server1" @click="hospitaldetail"><div>添加就诊人</div><div class="izpimg"><img src="@/static/addmore.png" alt=""></div></div>
		<div class="server1" @click="hospitaldetail"><div>预约挂号流程</div><div class="izpimg"><img src="@/static/addmore.png" alt=""></div></div>
		<div class="server">费用相关业务</div>
		<div class="server1" @click="hospitaldetail"><div>添加就诊人</div><div class="izpimg"><img src="@/static/addmore.png" alt=""></div></div>
		<div class="server1" @click="hospitaldetail"><div>预约挂号流程</div><div class="izpimg"><img src="@/static/addmore.png" alt=""></div></div>
		<div class="server">其他业务</div>
		<div class="server1" @click="hospitaldetail"><div>添加就诊人</div><div class="izpimg"><img src="@/static/addmore.png" alt=""></div></div>
		<div class="server1" @click="hospitaldetail"><div>预约挂号流程</div><div class="izpimg"><img src="@/static/addmore.png" alt=""></div></div>
		<div style="margin-top: 50px;height: 10px;"></div>
	</div>
	
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},methods:{
			hospitaldetail(){
				uni.navigateTo({
					url:"../../pages/hospital1/hospitaldetail"
				})
			}
		}
	}
</script>

<style>
	.izpimg img{
		width: 10px;
		height: 10px;
		margin-right: 30px;
	}
	.server1 {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #757575;
		height: 56px;
		line-height: 56px;
		border-bottom: 1px solid rgba(242, 242, 242, 1);
		font-size: 15px;
	}
	*{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	.zp {
		
		margin: 0 10px;
		width: 100%;
	}
	.server {
		    height: 56px;
			line-height: 56px;
			border-bottom: 1px solid rgba(242, 242, 242, 1);
			font-size: 17px;
	}
</style>